{include file="header" /}
{include file="nav" /}
<style>
.notfound{background: url(__PUBLIC__images/star.svg) #0b2149 ;position: relative;padding-bottom:460px;}
.notfound .mars{background: url(__PUBLIC__images/mars.svg) no-repeat top center;position: absolute;background-size: cover; height:260px; width: 100%;left:0;bottom:0}

.notfound .astronaut{position: absolute;top: 18vmin;left: 10vmin;height: 30vmin;animation: floating 3s infinite ease-in-out;}
.notfound .spaceship{position: absolute;bottom: 80px;right: 24vmin;}
@keyframes floating {
from { transform: translateY(0px); }
65%  { transform: translateY(15px); }
to   { transform: translateY(-0px); }
}
.notfound .logo-404{width: 360px;margin-top:140px;}
.notfound .title{color: #fff;font-weight: bold;text-align: center;font-size: 4vmin;padding:40px 0 40px}
.notfound .btn-back{border: 1px solid white;color: white;padding: 12px 50px;text-decoration: none;border-radius: 5px;font-size: 16px;}
.notfound .btn-back:hover{background: #fff; color: #0b2149;}
</style>
<div class="notfound">
    <div class="mars"></div>
    <div style="text-align: center;"><img src="__PUBLIC__images/404.svg" class="logo-404" /></div>
    <p class="title">你访问的页面不存在</p>
    <div style="text-align: center;">
        <a class="btn-back" href="/">返回首页</a>
    </div>
    <img src="__PUBLIC__images/astronaut.svg" class="astronaut" />
    <img src="__PUBLIC__images/spaceship.svg" class="spaceship" />
</div>

{include file="footer" /}
<body>
</html>